@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './btn.scss';
@import './font.css';
@import './business.scss';
@import './businessNav.scss';
@import './antd.scss';

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: 'NotoSansSC', 'Microsoft YaHei', 'Helvetica', 'Neue', 'PingFang SC', 'Hiragino Sans GB', 'Arial', 'sans-serif'!important;
  background: #f5f5f5!important;
  line-height: 1!important;
}
* {list-style: none;padding:0;margin:0;font-style: normal;}
h1,h2,h3,h4,h5{font-weight: normal;}
html { height: 100%; box-sizing: border-box; }
#app { height: 100%; }
*, *:before, *:after { box-sizing: inherit; }
a:focus, a:active { outline: none; }
a, a:focus, a:hover { cursor: pointer; color: inherit; text-decoration: none; }
div:focus { outline: none; }
.cursor{cursor: pointer;}
.fr { float: right; }
.fl { float: left; }
.clearfix {
  &:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
}
.pointer {cursor: pointer;}
.block { display: block; }
.none{display: none;}
.in_block { display: inline-block; }
.f_weight{font-weight: bold;}
.relative{position: relative;}
.absolute{position: absolute;}
.t_center { text-align: center }
.t_right{text-align: right;}
.trans4{transition: all .4s;}

aside { background: #eef1f6;
  padding: 8px 24px;
  margin-bottom: 20px;
  border-radius: 2px;
  display: block;
  line-height: 32px;
  font-size: 16px;
  color: #2c3e50;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  a {
    color: #337ab7;
    cursor: pointer;

    &:hover {
      color: rgb(32, 160, 255);
    }
  }
}

// -----------------------全局公用 ---------------------------
// 左边距
.mll5{margin-left: 15px;}
.ml20{margin-left:20px;}
.ml10{margin-left:10px;}
.ml-5{margin-left: -5px;}

// 右边距
.mr5{margin-right: 5px;}
.mr25{margin-right: 25px;}
.mr20{margin-right: 20px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr30{margin-right: 30px;}

// 上边距
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20{margin-top:20px;}
.mr15{margin-right: 15px;}
.mt25{margin-top: 25px;}
.ml0{margin-left: 0!important;}
.mt24{padding-top:24px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt4{margin-top: 4px;}


.p0 { padding: 0px !important; }
.pl0{padding-left: 0;}
.pt20{padding-top: 20px;}
.pl10 {padding-left: 10px;}
.pt10 {padding-top: 10px;}
.pb30{padding-bottom: 30px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pr10{padding-right: 10px;}
.pr20{padding-right: 20px;}
.pr5 {padding-right: 5px;}
.pl5 {padding-left: 5px;}
.p24 {padding: 24px;}
.p24_pb8 {padding: 24px;padding-bottom: 8px;}

// 宽高圆角
.w100 { width: 100px; }
.w120 {width: 120px;}
.w130 {width: 130px;}
.w150 {width: 150px;}
.w160{width: 160px;}
.w200 {width: 200px!important;}
.w300 {width: 300px;}
.w360 {width: 360px;}
.w400 {width: 400px!important;}
.w250{width: 250px;}
.w400 {width: 400px;}
.h25{height: 25px;}

.border_none{border: none;}
.radius_45 {border-radius: 45px;}
.radius_10 {border-radius: 10px;}
.radius_20 {border-radius: 20px;}
.t_right { text-align: right;}
.t_center {text-align: center;}
.nowap {
  white-space: nowrap;
}


.inline_block {display: inline-block;}
// 状态查询下拉样式
.statusStyle {
  label, input,.el-select__caret {
    color: #409EFF!important;
  }
  input {
    border-color: #409EFF;
  }
}

// 页面进度条色值
#nprogress .bar { background: #409EFF !important; }


// 弹性盒
.flex { display: flex; }
.flexbetween { display: flex; justify-content: space-between; }
.item_center{align-items: center;}
.flex_center {display: flex;justify-content: center;}
.flex_align_center{display: flex;align-items: center;}


.components-container {
  margin: 30px 50px;
  position: relative;
}

.pagination-container {
  margin-top: 30px;
}


.sub-navbar {
  height: 50px;
  line-height: 50px;
  position: relative;
  width: 100%;
  text-align: right;
  padding-right: 20px;
  transition: 600ms ease position;
  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);

  .subtitle {
    font-size: 20px;
    color: #fff;
  }

  &.draft {
    background: #d0d0d0;
  }

  &.deleted {
    background: #d0d0d0;
  }
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32, 160, 255);
  }
}

.filter-container {
  padding-bottom: 10px;

  .filter-item {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
  }
}
 
.multiselect--active {
  z-index: 1000 !important;
}
